<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/public.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet" />
</head>
<body>

<ul id="pro-list">


</ul>

<script>
//样式重置表

    var url = window.location.href;
    var pname = url.split("=")[1]

    var oList =document.getElementById("pro-list");

    var proData = {
        pname:"小米 note 10",
        price:3000,
        imgUrl:""
    };

    oList.innerHTML = '<li class="pro-item">' +
            '<p>'+pname+'</p>' +
            '<p>价格：'+proData.price+'</p>' +
            '<img width="100" height="100" src="'+proData.imgUrl+'">' +
            '</li>'



</script>
</body>
</html>